<?php $this->headTitle('Chi tiết sản phẩm',Zend_View_Helper_Placeholder_Container_Abstract::PREPEND)?>
<?php
$this->layout()->breadcrumb = $this->partial('view.helper/breadcrumb.phtml',array('title'=>'Chi tiết sản phẩm'));
$this->layout()->aside = $this->partial('layout.aside.left/product.phtml', 
        array(
                'aside' => $this->boys
        ));
?>
<section class="product-info">
	<div class="left">
		<a href="os/product-big1.jpg" class="image colorbox" rel="product"><img
			src="<?php echo $this->baseUrl().'/public/template/default/'?>os/product1.jpg"
			alt="image"></a>
		<div class="image-additional">
			<a
				href="<?php echo $this->baseUrl().'/public/template/default/'?>os/product-big2.jpg"
				class="colorbox" rel="product"><img
				src="<?php echo $this->baseUrl().'/public/template/default/'?>os/product-small2.jpg"
				alt="image"></a> <a href="os/product-big3.jpg" class="colorbox"
				rel="product"><img
				src="<?php echo $this->baseUrl().'/public/template/default/'?>os/product-small3.jpg"
				alt="image"></a> <a href="os/product-big4.jpg" class="colorbox"
				rel="product"><img
				src="<?php echo $this->baseUrl().'/public/template/default/'?>os/product-small4.jpg"
				alt="image"></a>
		</div>
		<script type="text/javascript"><!-- 
									$('.colorbox').colorbox({overlayClose: true});
								//--></script>
	</div>
	<div class="right">
		<div class="description">
			<ul>
				<li>Tên sản phẩm : <b> <?php print_r($this->item[0]['ten_san_pham'])?></b></li>
				<li>Mã sản phẩm : <b> <?php print_r($this->item[0]['id'])?></b></li>
				<li>Điểm hấp dẫn :<b> 400</b></li>
				<li>Trạng thái :<b> Còn hàng </b></li>
			</ul>
			<div class="price">
				<!--<div class="price-default">$1100.00</div>-->
				<div class="price-old">$1500.00</div>
				<div class="price-new">$<?php echo $this->item[0]['gia_ban']?></div>

				<div class="price-add">Ex Tax: $100.00</div>
			</div>
		</div>

		<div class="options">
			<div class="option">
				<label for="o1">Colour:</label> <select id="o1">
					<option>Red</option>
					<option>Green</option>
					<option>Blue</option>
				</select>
			</div>
			<div class="option">
				<label for="o1">Size:</label> <select id="o1">
					<option>35</option>
					<option>36</option>
					<option>38</option>
				</select>
			</div>
		</div>

		<div class="cart">
			Qty:<input type="text" value="1"><a class="button button-alt">Add to
				cart</a><a href="#" class="button-icon"><span class="icon icon-wish"></span>Ưa thích</a><a href="#" class="button-icon"><span
				class="icon icon-compare"></span>So sánh</a>
		</div>

		<div class="review">
			<!-- AddThis Button BEGIN -->
			<div class="share addthis_toolbox addthis_default_style ">
				<a class="addthis_counter addthis_pill_style"></a>
			</div>
			<script type="text/javascript"
				src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabc9d16c4b30de"></script>
			<!-- AddThis Button END -->
			<img class="rating" src="<?php echo $this->baseUrl().'/public/template/default/'?>images/ratio-3.png" alt="image"><a href="#"
				class="review-count">2 reviews</a><a href="#">Write a review</a></span>
		</div>

	</div>
</section>

<div id="tabs" class="tabs">
	<a href="#tab-description">Description</a> <a href="#tab-reviews">Reviews
		(2)</a> <a href="#tab-related">Related Products</a>
</div>

<div id="tab-description" class="typography product-description">
	<p>
		<strong>Revolutionary multi-touch interface.</strong><br> iPod touch
		features the same multi-touch screen technology as iPhone. Pinch to
		zoom in on a photo. Scroll through your songs and videos with a flick.
		Flip through your library by album artwork with Cover Flow.
	</p>
	<p>
		<strong>Gorgeous 3.5-inch widescreen display.</strong><br> Watch your
		movies, TV shows, and photos come alive with bright, vivid color on
		the 320-by-480-pixel display.
	</p>
	<p>
		<strong>Music downloads straight from iTunes.</strong><br> Shop the
		iTunes Wi-Fi Music Store from anywhere with Wi-Fi.1 Browse or search
		to find the music youre looking for, preview it, and buy it with just
		a tap.
	</p>
	<p>
		<strong>Surf the web with Wi-Fi.</strong><br> Browse the web using
		Safari and watch YouTube videos on the first iPod with Wi-Fi built in
	</p>
</div>
<div id="tab-reviews" class="product-reviews">
	<div class="review">
		<div class="header">
			<img class="rating" src="images/ratio-4.png" alt="image"><strong>Review</strong><span
				class="date">(05/05/2012)</span>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in
		sagittis sem. Aliquam vitae egestas odio. Praesent euismod nunc vitae
		sapien cursus accumsan. Pellentesque habitant morbi tristique senectus
		et netus et malesuada fames ac turpis egestas.
	</div>
	<div class="review">
		<div class="header">
			<img class="rating" src="images/ratio-2.png" alt="image"><strong>Review</strong><span
				class="date">(05/05/2012)</span>
		</div>
		Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in
		sagittis sem. Aliquam vitae egestas odio. Praesent euismod nunc vitae
		sapien cursus accumsan. Pellentesque habitant morbi tristique senectus
		et netus et malesuada fames ac turpis egestas.
	</div>
	<div class="pagination">
		<div class="result">Showing 1 to 5 of 5 (1 Pages)</div>
		<div class="clear"></div>
	</div>

	<div class="form-inline">
		<h2>Write Review</h2>
		<div class="field">
			<label>Your Name:</label> <input type="text">
		</div>
		<div class="field">
			<label>Your Review:</label>
			<textarea style="width: 98%;" rows="8"></textarea>
		</div>
		<div class="field">
			<label>Rating:</label> Bad &nbsp; <input type="radio"> &nbsp; <input
				type="radio"> &nbsp; <input type="radio"> &nbsp; <input type="radio">
			&nbsp; <input type="radio"> &nbsp; Good
		</div>
		<div class="field">
			<a href="#" class="button">Continue</a>
		</div>
	</div>
</div>
<div id="tab-related" class="grid">
	<div class="wrap">
		<div class="struct">
			<div class="frame">
				<div class="ribbon-new"></div>
				<a href="product.html" class="image"><img src="os/grid1.jpg"
					alt="Product Name"></a>
				<div class="name">
					<a href="product.html">Product Name</a>
				</div>
				<div class="price">$900.00</div>
				<div class="buttons">
					<a href="#" class="button">Add to cart</a> <a href="#"
						class="button-icon icon-wish tftooltip" title="Wish List"></a> <a
						href="#" class="button-icon icon-compare tftooltip"
						title="Compare"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="wrap">
		<div class="struct">
			<div class="frame">
				<div class="ribbon-sale"></div>
				<a href="product.html" class="image"><img src="os/grid2.jpg"
					alt="Product Name"></a>
				<div class="name">
					<a href="product.html">Product Name</a>
				</div>
				<div class="price">
					<span class="old">$650.00</span> <span class="new">$600.00</span>
				</div>
				<div class="buttons">
					<a href="#" class="button">Add to cart</a> <a href="#"
						class="button-icon icon-wish tftooltip" title="Wish List"></a> <a
						href="#" class="button-icon icon-compare tftooltip"
						title="Compare"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="wrap">
		<div class="struct">
			<div class="frame">
				<a href="product.html" class="image"><img src="os/grid3.jpg"
					alt="Product Name"></a>
				<div class="name">
					<a href="product.html">Product Name</a>
				</div>
				<div class="price">$1200.00</div>
				<div class="buttons">
					<a href="#" class="button">Add to cart</a> <a href="#"
						class="button-icon icon-wish tftooltip" title="Wish List"></a> <a
						href="#" class="button-icon icon-compare tftooltip"
						title="Compare"></a>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
						<!--
							$(function() {
								$('#tabs a').tabs();
							});
						//-->
                        </script>